<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
              <link type="text/css" href="<%=request.getContextPath()%>/resources/css/bootstrap.css" rel="stylesheet"/>
        
        <style>
            body {
                padding-top: 50px;
                padding-bottom: 20px;
            }
        </style>
        <link rel="stylesheet" href="<%=request.getContextPath()%>/resources/css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="<%=request.getContextPath()%>/resources/css/main.css">

        <script src="<%=request.getContextPath()%>/resources/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand active" href="#">Sweet Home Smart Checker</a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <!-- <li class="active"><a href="#">Home</a></li> -->
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Useful links <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">Happy Neighbourhood</a></li>
                <li><a href="#">Households Fight Competition</a></li>
                <!-- <li><a href="#">Something else here</a></li> -->
                <!--<li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li> -->
              </ul>
            </li>
          </ul>
          <form class="navbar-form navbar-right"  method="post" action='user/cabinet.htm' name="userForm" id="userForm">
                      <div class="form-group">
              <input type="text" name="email" id="email" value="" placeholder="Email" class="form-control">
            </div>
            <div class="form-group">
              <input type="password"  name="password" id="password" value="" placeholder="Password" class="form-control">
            </div>
            <button type="submit" class="btn btn-success btn-main">Sign in</button>
              <!-- <div>If you are not registered - <a href="#" data-toggle="modal" data-target="#myModal">Register now</a> </div> -->
              <button class="btn btn-success btn-main" data-toggle="modal" data-target="#myModal">
                  Register
              </button>
          </form>



            <!-- Button trigger modal -->
            <!-- <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
                If you are not registered
            </button> -->
        </div><!--/.navbar-collapse -->
      </div>
    </div>

    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="jumbotron main-img">
      <div class="container">
        <div class="row">
            <div class="col-md-4">
                <img src="<%=request.getContextPath()%>/resources/img/logo-shsc.png" alt="logo"/>
            </div>
            <div class="col-md-8">
                <h1 class="title-common">Sweet Home Smart Checker</h1>
                <p>This is the project to test your house</p>
                <p><a class="btn btn-success btn-lg btn-main">Learn more &raquo;</a></p>
            </div>
        </div>

      </div>
    </div>

<!-- <div class="back-image">
    <div class="container">
        <div class="row"></div>
    </div>
</div> -->

    <div class="container">
      <!-- Example row of columns -->
      <div class="row">
        <div class="col-lg-4">
            <h2><span class="number">1</span> Look At Your house</h2>
            <div class="image-block"><img src="<%=request.getContextPath()%>/resources/img/farm_house_hd.jpg"></div>
            <p>I know you like your house but I also know that you really want to make it better! Because it will help your to save your money and even win in the battle for Rotterdam! </p>
            <p><a class="btn btn-default" href="#">View details &raquo;</a></p>
        </div>
        <div class="col-lg-4">
          <h2><span class="number">2</span> Test Your House</h2>
          <div class="image-block"><img src="<%=request.getContextPath()%>/resources/img/farm_house_hd.jpg"></div>
          <p>This is very easy! Choose your problem of your house, and pass the appropriate test. That's all! </p>
          <p><a class="btn btn-default" href="#">View details &raquo;</a></p>
       </div>
        <div class="col-lg-4">
          <h2><span class="number">3</span> Got Solution</h2>
          <div class="image-block"><img src="<%=request.getContextPath()%>/resources/img/farm_house_hd.jpg"></div>
          <p> The solution aimed to help you decide what do to in order to improve exterior and interior of your house.</p>
          <p><a class="btn btn-default" href="#">View details &raquo;</a></p>
        </div>
      </div>

        <div class="container">
            <div class="row">
                <div class="col-md-4"></div>
                <div class="col-md-4 text-center">
                    <a class="btn btn-success btn-lg btn-main" href="#">Test Your House Now</a>
                </div>
                <div class="col-md-4"></div>
            </div>
        </div>

        <div class="container">
            <!-- Modal -->
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="myModalLabel">If you are not registered - do it now!</h4>
                        </div>
                        <div class="modal-body">
                            <div class="container">

                                <form class="form-horizontal" method="post" action='register.htm' name="registerForm" id="registerForm">
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Full name</label>
                                        <div class="col-sm-9">
                                            <input  class="form-control" type="text" name="fullname" id="fullname" title="Fullname" value="">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Email</label>
                                        <div class="col-sm-9">
                                            <input  class="form-control" type="text" name="email" id="email" title="Email" value="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Password</label>
                                        <div class="col-sm-9">
                                            <input  class="form-control" type="password" name="password" id="lastName" title="Password" value="">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">City</label>
                                        <div class="col-sm-9">
                                            <input  class="form-control" type="text" name="city" id="city" title="City" value="Rotterdam" readonly="readonly" >
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Street</label>
                                        <div class="col-sm-9">
                                            <input  class="form-control" type="text" name="street" id="street" title="Street" value="">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">House number</label>
                                        <div class="col-sm-9">
                                            <input  class="form-control" type="text" name="num" id="num" title="Number" value="">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Zip</label>
                                        <div class="col-sm-9">
                                            <input  class="form-control" type="text" name="zip" id="zip" title="ZIP" value="">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-sm-offset-3 col-sm-9 text-center">
                                            <button type="submit" class="btn btn-success">Register</button>
                                        </div>
                                    </div>

                                </form>

                            </div>
                        </div>
                        <!-- <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                            <button type="button" class="btn btn-primary">Save changes</button>
                        </div> -->
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->
        </div>

     <hr>
      <footer>
        <p>&copy; Hogeschool Rotterdam 2013</p>
      </footer>
    </div> <!-- /container -->

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>

        <script src="<%=request.getContextPath()%>/resources/js/vendor/bootstrap.min.js"></script>

        <script src="<%=request.getContextPath()%>/resources/js/plugins.js"></script>
        <script src="js/main.js"></script>

        <script>
            var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src='//www.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
    </body>
</html>
